<template>
  <div class="main-cont">
    <div class="aside_lf">
      <v-aside :menus="menus"></v-aside>
    </div>
    <div class="content_rt">
      <router-view/>
    </div>
  </div>
</template>
<script>
  import vAside from "@/components/base/aside";

  export default {
    name: '',
    components: {vAside},
    props: {},
    data() {
      return {
        menus: [
          {
            title: '系统菜单',
            group: [{
              name: '服务环境管理',
              menu:'gateEnviron',
              pid: '100',
              icon:'ios-cloud-circle',
              list: []
            },{
              name: '调用方管理',
              menu:'gateObserve',
              pid: '200',
              icon:'md-globe',
              list: []
            },{
              name: '系统监控',
              menu:'gateControl',
              pid: '300',
              icon:'ios-glasses',
              list: [
                {name: '日志中心', id: '300-1'},
                {name: '服务治理', id: '300-2'},
                {name: '监控中心', id: '300-3'},
                {name: '注册中心', id: '300-4'}
              ]
            },{
              name: '任务中心',
              menu:'gateTask',
              pid: '400',
              icon:'ios-locate',
              list: [
                {name: '任务管理', id: '400-1'},
                {name: '调度日志', id: '400-2'},
                {name: '执行器管理', id: '400-3'}
              ]
            }]
          }
        ]
      }
    },
    methods: {},
    created() {

    }
  }
</script>
<style scoped lang="scss">
  .main-cont{
    .content_rt{
      background-color: #ECF0F5;
      padding: 10px 15px;
      flex: 1;
    }
  }
</style>
